<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>湖南大学信息科学与工程学院</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
</head>

<body>
    <!-- Header区域 -->
    <header>
        <img src="http://csee.hnu.edu.cn/images/guoqinghaibao.png" width="500" height="auto">
        <h1>湖南大学信息科学与工程学院</h1>
        <nav class="header-nav-left">
            <ul>
                <ul>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/xyxw.htm">学院概况</a>
                        <ul class="sub-menu">
                            <li><a href="http://csee.hnu.edu.cn/xygk/xyjj.htm">学院简介</a></li>
                            <li><a href="http://csee.hnu.edu.cn/xygk/xyld.htm">学院领导</a></li>
                            <li><a href="http://csee.hnu.edu.cn/xygk/szll.htm">师资力量</a></li>
                        </ul>
                    </li>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/jgsz.htm">机构设置</a>
                        <ul class="sub-menu">
                            <li><a href="#">决策机构</a></li>
                            <li><a href="#">教学单位</a></li>
                            <li><a href="#">研究机构</a></li>
                        </ul>
                    </li>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/rcpy.htm">人才培养</a>
                        <ul class="sub-menu">
                            <li><a href="#">本科培养</a></li>
                            <li><a href="#">研究生培养</a></li>
                            <li><a href="#">博士生培养</a></li>
                        </ul>
                    </li>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/kxyj.htm">科学研究</a>
                        <ul class="sub-menu">
                            <li><a href="#">科研项目</a></li>
                            <li><a href="#">科研成果</a></li>
                            <li><a href="#">成果转化</a></li>
                        </ul>
                    </li>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/zsjy.htm">招生就业</a>
                        <ul class="sub-menu">
                            <li><a href="#">本科招生</a></li>
                            <li><a href="#">硕士招生</a></li>
                            <li><a href="#">博士招生</a></li>
                        </ul>
                    </li>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/xsgz.htm">学生工作</a>
                        <ul class="sub-menu">
                            <li><a href="#">学院动态</a></li>
                            <li><a href="#">学院党建</a></li>
                            <li><a href="#">团学工作</a></li>
                        </ul>
                    </li>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/dqgz.htm">党群工作</a>
                        <ul class="sub-menu">
                            <li><a href="#">党建工作</a></li>
                            <li><a href="#">工会工作</a></li>
                            <li><a href="#">关工委工作</a></li>
                        </ul>
                    </li>
                    <li class="menu-item" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="http://csee.hnu.edu.cn/xszy.htm">学术资源</a>
                        <ul class="sub-menu">
                            <li><a href="#">资源管理系统</a></li>
                            <li><a href="#">精品课程</a></li>
                            <li><a href="#">实验仪器设备</a></li>
                        </ul>
                    </li>
            </ul>
        </nav>
        <nav class="header-nav-right">
            <ul>
                <li><a href="http://cas.hnu.edu.cn/cas/login?service=http://cseee.hnu.edu.cn/home/logincas">教师登录</a></li>
                <li><a href="http://csee.hnu.edu.cn/home.htm">English</a></li>
                <li><a href="http://csee.hnu.edu.cn/index.htm">返回首页</a></li>
            </ul>
        </nav>
    </header>

    <!-- Main内容区域 -->
    <main>
        <section id="news">
            <h2>学院新闻</h2>
            <article>
                <a href="https://news.hnu.edu.cn/info/1102/42229.htm">
                    <h3>新闻1:湖南省算力调度和综合管理平台正式发布</h3>
                    <img src="http://csee.hnu.edu.cn/__local/3/1D/EB/AC89F704A33DBD5828FB4AE736A_C2F4C9AA_96AB1.jpg" alt="新闻1图片" width="200">
                </a>
                <p>近日，湖南大学信息科学与工程学院彭绍亮教授课题组在国际顶级期刊Nature Communic...</p>
            </article>
            <article>
                <a href="info/1060/13302.htm">
                    <h3>新闻2：信息科学与工程学院本科生发表光束粒子操控研究成果</h3>
                    <img src="http://csee.hnu.edu.cn/images/no-pic.png" alt="新闻2图片" width="200">
                </a>
                <p>近日，Elsevier旗下权威期刊《Chaos, Solitons & Fractals》（SCI一区）在线发表了...</p>
            </article>

        </section>

        <section id="announcements">
            <h2>通知公告</h2>

            <article>
                <h3><a href="info/1062/13342.htm">关于增补2023-2024学年本科生国家励志奖学金拟推荐人选的公示</a></h3>
                <time datetime="2023-10-01">2023-10-01</time>
            </article>

            <article>
                <h3><a href="info/1062/13341.htm">关于2023-2024年度优秀研究生（标兵、干部）评选工作的通知">关于2023-2024年度优秀研究生（标兵、干部）评选工作的通知</a></h3>
                <time datetime="2023-10-02">2023-10-02</time>
            </article>


        </section>
    </main>
    <!-- New Section -->
    <section id="links-section">
        <div class="link-item">
            <a href="http://csee.hnu.edu.cn/djw.htm">
                <img src="http://csee.hnu.edu.cn/image/pic08.jpg" alt="党建工作" width="380" height="190">
                <div class="text-overlay">
                    <span>党建工作</span>
                    <p>Party Building Studies</p>
                </div>
            </a>
        </div>

        <div class="link-item">
            <a href="http://csee.hnu.edu.cn/zsjy/xsjy.htm">
                <img src="http://csee.hnu.edu.cn/image/pic09.jpg" alt="就业网" width="380" height="190">
                <div class="text-overlay">
                    <span>就业网</span>
                    <p>Employment Network</p>
                </div>
            </a>
        </div>

        <div class="link-item">
            <a href="http://csee.hnu.edu.cn/xyzj.htm">
                <img src="http://csee.hnu.edu.cn/image/pic10.jpg" alt="校友之家" width="380" height="190">
                <div class="text-overlay">
                    <span>校友之家</span>
                    <p>Alumni's House</p>
                </div>
            </a>
        </div>
    </section>

    <!-- Footer区域 -->
    <footer>
        <p> 2023 湖南大学信息科学与工程学院. 版权所有.</p>
        <nav>
            <ul>
                <li><a href="http://www.hnu.cn/"></a>友情链接</a></li>
                <li><a href="https://www.hnu.edu.cn/">湖南大学</a></li>
                <li><a href="#">学术与教学资源管理...</a></li>
                <li><a href="http://admi.hnu.edu.cn/">湖南大学招生信息网</a></li>
                <li><a href="http://jwc.hnu.edu.cn/">湖南大学教务处</a></li>
                <li><a href="#">湖南大学课程中心</a></li>
                <li><a href="#">教学服务系统</a></li>
            </ul>
        </nav>
    </footer>
</body>
</html>
    